.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.fixed {
  position: fixed;
}

$positions: (top, bottom, left, right);

@for $i from 0 through 1 {
  @each $position in $positions {
    .#{$position}-#{$i} {
      #{$position}: $i * 8rpx;
    }
  }
}

.z-1 {
  z-index: 1;
}
